// var singger = [
//     [{
//             imgurl: "https://imgessl.kugou.com/uploadpic/softhead/240/20180515/20180515002522714.jpg",
//             singer: "周杰伦"
//         },
//         {
//             imgurl: "https://imgessl.kugou.com/uploadpic/softhead/240/20201002/20201002131351852.jpg",
//             singer: "BLACKPINK"
//         },
//         {
//             imgurl: "https://imgessl.kugou.com/uploadpic/softhead/240/20191015/20191015184509781761.jpg",
//             singer: "海来阿木"
//         },
//         {
//             imgurl: "https://imgessl.kugou.com/uploadpic/softhead/240/20200706/20200706184106791.jpg",
//             singer: "张学友"
//         },
//         {
//             imgurl: "https://imgessl.kugou.com/uploadpic/softhead/240/20200603/20200603112123228.jpg",
//             singer: "薛之谦"
//         }
//     ],
//     [{
//             imgurl: "https://imgessl.kugou.com/uploadpic/softhead/240/20190806/20190806163442954.jpg",
//             singer: "Alan Walker"
//         },
//         {
//             imgurl: "https://imgessl.kugou.com/uploadpic/softhead/240/20190809/20190809151311243.jpg",
//             singer: "Taylor Swift"
//         },
//         {
//             imgurl: "https://imgessl.kugou.com/uploadpic/softhead/240/20181102/20181102182312198.jpg",
//             singer: "Imagine Dragons"
//         },
//         {
//             imgurl: "https://imgessl.kugou.com/uploadpic/softhead/240/20140829/20140829170016192331.jpg",
//             singer: "LINKIN PARK"
//         },
//         {
//             imgurl: "https://imgessl.kugou.com/uploadpic/softhead/240/20140409/20140409145904650908.jpg",
//             singer: "Michael Jackson"
//         }
//     ],
//     [{
//             imgurl: "https://imgessl.kugou.com/uploadpic/softhead/240/20201002/20201002131351852.jpg",
//             singer: "BLACKPINK"
//         },
//         {
//             imgurl: "https://imgessl.kugou.com/uploadpic/softhead/240/20201130/20201130100553557.jpg",
//             singer: "IU"
//         },
//         {
//             imgurl: "https://imgessl.kugou.com/uploadpic/softhead/240/20170704/20170704172442730.jpg",
//             singer: "BIGBANG"
//         },
//         {
//             imgurl: "https://imgessl.kugou.com/uploadpic/softhead/240/20191127/20191127135154508.jpg",
//             singer: "EXO"
//         },
//         {
//             imgurl: "https://imgessl.kugou.com/uploadpic/softhead/240/20161229/20161229183012269.jpg",
//             singer: "G-DRAGON"
//         }
//     ]
// ]
window.onload = function () {
var hots = document.querySelectorAll('.hotsinger li')
var list = document.querySelector('.list0');
var list1 = document.querySelector('.list1');
var list2 = document.querySelector('.list2');
var list3 = document.querySelector('.list3');
var lists = document.querySelectorAll('.hot-country li');
// for (var i = 0; i < singger.length; i++) {
//     var str = '';
//     for (var j = 0; j < singger[i].length; j++) {
//         str += ``;
//     }
//     hots[i].innerHTML = str;
// }
list.onmouseenter = function(e){
    for(var i = 0;i<hots.length;i++){
        hots[i].classList.remove('hideen');
        lists[i].classList.remove('active');
    }
    var index = e.target.dataset.i;
    hots[index].classList.add('hideen');
    lists[index].classList.add('active');
}
list1.onmouseenter = function(e){
    for(var i = 0;i<hots.length;i++){
        hots[i].classList.remove('hideen');
        lists[i].classList.remove('active');
    }
    var index = e.target.dataset.i;
    hots[index].classList.add('hideen');
    lists[index].classList.add('active');
}
list2.onmouseenter = function(e){
    for(var i = 0;i<hots.length;i++){
        hots[i].classList.remove('hideen');
        lists[i].classList.remove('active');
    }
    var index = e.target.dataset.i;
    hots[index].classList.add('hideen');
    lists[index].classList.add('active');
}
list3.onmouseenter = function(e){
    for(var i = 0;i<hots.length;i++){
        hots[i].classList.remove('hideen');
        lists[i].classList.remove('active');
    }
    var index = e.target.dataset.i;
    hots[index].classList.add('hideen');
    lists[index].classList.add('active');
}}

